        body{
            font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3","FontAwesome",sans-serif;
            font-size: 14px;
            line-height: 1.42857143;
            color: #333;
            background-color: #fff;
        }
        .container{
            /*width: 970px;*/
        }
        h1,h2,h3,h4,h5,h6,
        .h1,.h2,.h3,.h4,.h5,.h6{
            font-weight: 300;
        }
        .navbar-default{
            margin-bottom: 0;
            background-color: rgba(255, 255, 255, 0.9);
            border-bottom: 2px solid #0ba1e4;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }
        .head-width{
            max-width: 940px;
            padding: 0;
            margin:0 auto;
        }
        .logo{
            padding:0 0 0 15px;
        }
        .nav{
            background:#fff;
        }
        .nav li a{
            font-size: 16px;
            padding:16px 25px 5px;
        }
        .nav li:first-of-type a,
        .nav li a:hover{
            color: #0ba1e4 !important;
        }
        .line-top{
            border-top: 1px solid #0ba1e4;
            width: 18px;
            margin: auto;
        }
        .main{
            padding: 50px 0;
            text-align: center;
        }
        .chengji{
            background: #f8f8f8;
        }
        .main .main-body{
            margin-bottom: 30px;
        }
        .main .hr-xian{
            width: 80px;
            margin: 30px auto 26px;
            border-top:2px solid #0ba1e4;
        }
        .chengji .number-wrapper{
            font-family: "Roboto", Arial, Tahoma, sans-serif;
            font-size: 70px;
            line-height: 1.5em;
            color: #0ba1e4;
        }
        .sm-3-h4{
            color: #919191;
        }
        .youshi{
            background-color: #e1e1e1;
        }
        .youshi .glyphicon{    
            color: #0ba1e4;
            font-size: 80px;
            line-height: 1.5em;
        }
        .youshi .sm-3-body:hover .glyphicon{
            color: #fff;
        }
        .youshi .sm-3-body{
            transition: all 0.225s ease-in-out;
            background-color: #fafafa;
            border: 1px solid #c1c1c1;
            padding: 10px;
            text-align: center;
        }
        .youshi .sm-3-body .sm-h3{
            font-size: 24px;
        }
        .youshi .sm-3-body p{
            line-height: 1.5em;
        }
        .youshi .sm-3-body:hover{
            background-color: #0ba1e4;
            border: 1px solid #0ba1e4;
            box-shadow: 0 0 20px 0 rgba(45,183,245,.5);
            color: #fff;
        }

        .fuwu{
            background-color: #ffffff;
        }
        .fuwu ul li .ms-li-top{
            padding-top: 20px;
            padding-bottom: 20px;
            border-bottom: 1px solid #c1c1c1;
        }
        .fuwu ul .card-item{
            float: left;
            position: relative;
            list-style: none;
            width: 25%;
            background-color: #fafafa;
            border: 1px solid #c1c1c1;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }
        .fuwu .ms-li-top h4{
            margin:0;
            line-height: 2em;
            font-weight: bold;
            color: #0ba1e4;
        }
        .fuwu .ms-li-top p{
            margin: 0;
            line-height: 2em;
        }
        .fuwu .ms-li-bottom{
            padding-top: 20px;
            padding-bottom: 30px;
        }
        .fuwu .ms-li-bottom p{
            line-height: 3em;
        }
        .fuwu .ms-li-bottom .btn-a{
            padding-left: 20px;
            padding-right: 20px;
            color: #0ba1e4;
            background: transparent;
            border-color: #0ba1e4;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }
        .fuwu .card-item:hover{
            background-color: #0ba1e4;
            border: 1px solid #0ba1e4;
            box-shadow: 0 0 20px 0 rgba(45,183,245,.5);
            color: #fff;
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -o-transform: scale(1.1);
            -ms-transform: scale(1.1);
            z-index: 11;
        }
        .fuwu .card-item:hover .ms-li-top h4{
            color: #fff;
        }
        .fuwu .card-item:hover .btn-a{
            color: #fff;
            background: transparent;
            border-color: #fff;
        }
        .fuwu .card-item .btn-a:hover{
            background-color: #fff;
            color: #0ba1e4;
        }
        .fuwu .card-box{
            padding-top: 20px;
            padding-bottom: 60px;
        }
        .fuwu .btn-aa{
            background-color: #fff;
            text-shadow: none;
            color: #0ba1e4;
            border:1px solid #0ba1e4;
        }
        .fuwu .btn-aa:hover{
            color: #fff;
            text-shadow: none;
            background-color: #0ba1e4;
        }
        @media (min-width: 768px){
        body {
            padding-top: 82px;
            }
        }
        @media (max-width: 767px){
        #header .navbar {
            position: relative !important;
            }
        }
        @media (max-width: 767px){
        #header .navbar {
            position: relative !important;
            }
        }
        
        @media (max-width: 767px){
        .navbar-header{
            border-bottom: 2px solid #0ba1e4;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            }
        .navbar-default{
            border:0;
            }
        }
        @media (max-width: 767px){
        #header .navbar {
            padding-bottom: 0;
            }
        }
        /*主体宽度响应式开始*/
        @media (min-width: 992px){
        .container {
            width: 970px;
        }
        }
        @media (min-width: 768px){
        #header .navbar {
            border-radius: 0;
            padding: 15px 0;
            }
        }
        @media (min-width: 1200px){
        .container {
            width: 1170px;
            }
        }
        @media (min-width: 992px){
        .container {
            width: 970px;
            }
        }
        @media (min-width: 768px){
        .container {
            width: 970px;
            }
        }
        /*主体宽度响应式结束*/
        @media (max-width: 767px){
        .card-item {
            width: 100% !important;
            }
        .fuwu .card-item:hover{
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -o-transform: scale(1);
            -ms-transform: scale(1);
            }
        }